<template>
  <footer class="footer">
    <div class="container">
        <div class="columns is-mobile is-multiline is-centered">
            <div class="column is-narrow">
                <a href="http://www.eclipse.org">Eclipse&nbsp;Foundation</a>
            </div>
            <div class="column is-narrow">
                <a href="http://www.eclipse.org/legal/privacy.php">Privacy&nbsp;Policy</a>
            </div>
            <div class="column is-narrow">
                <a href="http://www.eclipse.org/legal/termsofuse.php">Terms&nbsp;of&nbsp;Use</a>
            </div>
            <div class="column is-narrow">
                <a href="http://www.eclipse.org/legal/copyright.php">Copyright&nbsp;Agent</a>
            </div>
            <div class="column is-narrow">
                <a href="https://eclipse.org/security/ ">Security&nbsp;reports</a>
            </div>
            <div class="column is-narrow">
                <a href="http://www.eclipse.org/legal/">Legal</a>
            </div>
        </div>
    </div>
  </footer>
</template>

<style lang="scss">
@import "~assets/variables.scss";

.footer {
  font-size: 0.875em;
  border-top: 1px solid $grey-lighter;
  padding-top: 1.25rem;
  margin-top: 1rem;
  padding: 2rem 0;
}
</style>
